<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>文章</title>
		<script type="text/javascript" src="js/font.js"></script>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/article.css" />
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_1439148_nb77tnrgp5d.css" />
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_1439332_0xfp4ccae8m.css" />
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_1439628_18s91mtoka.css" />
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_1439666_hbddk9tctes.css" />
	</head>

	<body>
		<div class="article_web">
			<header>
				<!--头部-->
				<div class="sg_header">
					<div class="sg_nav">
						<i class="iconfont icon-daohanglan_moshi"></i>
						<span>1</span>
					</div>
					<div class="sg_header_logo">
						<img src="img/logo_03.png" />
					</div>
					<div class="sg_search">
						<i class="iconfont icon-iconfontzhizuobiaozhun023131"></i>
					</div>
				</div>
			</header>
			<section>
				<!--轮播图-->
				<div class="swiper">
					<img src="img/article/article_pic.png">
					<div class="sg_img_shadow">
						<div class="sg_shadow_titl">
							<div class="ar_p">
								<span>[专业IMC平台]</span>
							</div>
							<h3>太子金涂鸦大赛网络整合营销传播</h3>
						</div>
						<div class="sg_shadow_hotclick">
							<ul>
								<i class="iconfont icon-yuanxing"></i>
								<i class="iconfont icon-yuanxing"></i>
								<i class="iconfont icon-yuanxing"></i>
							</ul>
						</div>
					</div>
				</div>
				<div class="articles" />
				<div class="ar_content">
					<div class="ar_pic">
						<img src="img/article/art_03.png" />
					</div>
					<div class="ar_h">
						<h3>
								海天“晒“宴，和汪涵一起， 参观海天酱油......
							</h3>
					</div>
					<div class="ar_motype">
						<span>营销</span>
						<div>
							<div>
								<i class="iconfont icon-xinheart118"></i>
								<span>120</span>
							</div>
							<div>
								<i class="iconfont icon-yj"></i>
								<span>560</span>
							</div>
						</div>
					</div>
					<div class="ar_detail">
						<img src="img/login/头像_03.png" />
						<span>叶巧岚</span>
						<span>2015年1月20日</span>
					</div>
				</div>
				<div class="ar_content">
					<div class="ar_pic">
						<img src="img/article/art_03.png" />
					</div>
					<div class="ar_h">
						<h3>
								海天“晒“宴，和汪涵一起， 参观海天酱油......
							</h3>
					</div>
					<div class="ar_motype">
						<span>营销</span>
						<div>
							<div>
								<i class="iconfont icon-xinheart118"></i>
								<span>120</span>
							</div>
							<div>
								<i class="iconfont icon-yj"></i>
								<span>560</span>
							</div>
						</div>
					</div>
					<div class="ar_detail">
						<img src="img/login/头像_03.png" />
						<span>叶巧岚</span>
						<span>2015年1月20日</span>
					</div>
				</div>
				<div class="ar_content">
					<div class="ar_pic">
						<img src="img/article/art_03.png" />
					</div>
					<div class="ar_h">
						<h3>
								海天“晒“宴，和汪涵一起， 参观海天酱油......
							</h3>
					</div>
					<div class="ar_motype">
						<span>营销</span>
						<div>
							<div>
								<i class="iconfont icon-xinheart118"></i>
								<span>120</span>
							</div>
							<div>
								<i class="iconfont icon-yj"></i>
								<span>560</span>
							</div>
						</div>
					</div>
					<div class="ar_detail">
						<img src="img/login/头像_03.png" />
						<span>叶巧岚</span>
						<span>2015年1月20日</span>
					</div>
				</div>
				<div class="ar_content">
					<div class="ar_pic">
						<img src="img/article/art_03.png" />
					</div>
					<div class="ar_h">
						<h3>
								海天“晒“宴，和汪涵一起， 参观海天酱油......
							</h3>
					</div>
					<div class="ar_motype">
						<span>营销</span>
						<div>
							<div>
								<i class="iconfont icon-xinheart118"></i>
								<span>120</span>
							</div>
							<div>
								<i class="iconfont icon-yj"></i>
								<span>560</span>
							</div>
						</div>
					</div>
					<div class="ar_detail">
						<img src="img/login/头像_03.png" />
						<span>叶巧岚</span>
						<span>2015年1月20日</span>
					</div>
				</div>
				<div class="ar_content">
					<div class="ar_pic">
						<img src="img/article/art_03.png" />
					</div>
					<div class="ar_h">
						<h3>
								海天“晒“宴，和汪涵一起， 参观海天酱油......
							</h3>
					</div>
					<div class="ar_motype">
						<span>营销</span>
						<div>
							<div>
								<i class="iconfont icon-xinheart118"></i>
								<span>120</span>
							</div>
							<div>
								<i class="iconfont icon-yj"></i>
								<span>560</span>
							</div>
						</div>
					</div>
					<div class="ar_detail">
						<img src="img/login/头像_03.png" />
						<span>叶巧岚</span>
						<span>2015年1月20日</span>
					</div>
				</div>
				<div class="ar_content">
					<div class="ar_pic">
						<img src="img/article/art_03.png" />
					</div>
					<div class="ar_h">
						<h3>
								海天“晒“宴，和汪涵一起， 参观海天酱油......
							</h3>
					</div>
					<div class="ar_motype">
						<span>营销</span>
						<div>
							<div>
								<i class="iconfont icon-xinheart118"></i>
								<span>120</span>
							</div>
							<div>
								<i class="iconfont icon-yj"></i>
								<span>560</span>
							</div>
						</div>
					</div>
					<div class="ar_detail">
						<img src="img/login/头像_03.png" />
						<span>叶巧岚</span>
						<span>2015年1月20日</span>
					</div>
				</div>
		</div>
		<div class="sg_loading">
			<span>加载更多</span>
		</div>
		</section>
		<footer>
			<!--脚步-->
			<div>
				<ul>
					<li>
						<div>
							<img src="img/shouye.png" />
						</div>
						<p><a href="header.html">首页</a></p>
					</li>
				</ul>
				<ul>
					<li>
						<div>
							<img src="img/cimc.png" />
						</div>
						<p><a href="#">GIMC</a></p>
					</li>
				</ul>
				<ul>
					<li>
						<div>
							<img src="img/wenzhang.png" />
						</div>
						<p><a href="文章.html">文章</a></p>
					</li>
				</ul>
				<ul>
					<li>
						<div>
							<img src="img/ziyuan.png" />
						</div>
						<p><a href="资源.html">资源</a></p>
					</li>
				</ul>
				<ul>
					<li>
						<div>
							<img src="img/xueyuan.png" />
						</div>
						<p><a href="课程.html">学院</a></p>
					</li>
				</ul>
			</div>
		</footer>
		</div>
	</body>

</html>